@charset 'UTF-8';
$num:#333;
$boC:#e0e0e0;
$txtC:#666;
$gray:#999;
$whit:#fff;
.container {
    width: 10rem; // 750px
    margin: 0 auto;
}

.j_content_wrap {
    display: none;
}

.page_list {
    margin-bottom: .6rem; // 45px
    display: none;
    padding-top: 1.2rem;
}

.foot_size {
    margin-bottom: 1.87rem; // 140px
}

.list_wrap {
    background-color: #fff;
}

.nav {
    background-color: #fff;
    margin-bottom: .07rem; // 5px
    position: fixed;
    width: 100%;
    left: 0;
    .nav_box {
        li {
            width: 20%;
            text-align: center;
            float: left;
            height: 1.2rem; // 90px
            line-height: 1.2rem;
            border-bottom: 2px solid $boC;
            a {
                font-size: .48rem; // 36px
                color: $num;
                display: inline-block;
            }
        }
        .active_line {
            border-bottom: .05rem solid #39b4e1; // 4px ; 
        }
    }
}

.list_box {
    margin: 0 auto; // 20px; // 35px; // 30px
    width: 9.13rem; // 685px
    .caption {
        font-size: .48rem; // 36px
        height: 1.33rem; // 100px
        line-height: 1.33rem;
        border-bottom: 1px solid $boC;
        color: #ff1515;
        .jiantou {
            width: .23rem; // 28px
            height: .4rem; // 30px
            margin-top: .47rem; // 35px
            background: url("../../img/img.png")no-repeat;
            background-position: -2.49rem -.73rem; // 55px; // 187px
            background-size: 5.88rem 2.07rem;
            float: right;
        }
    }
    .tit_box {
        color: $num;
        font-size: .48rem; // 36px
        padding-top: .4rem; // 30px
        .tit2 {
            float: right;
        }
    }
    .differ_tit {
        color: $gray;
    }
    .txt_box {
        margin-top: .27rem; // 20px
        padding-bottom: .2rem; // 15px
        overflow: hidden;
        p {
            color: $txtC;
            margin-top: .27rem; // 20px
            font-size: .43rem; // 32px
            overflow: hidden;
            .time_ico,
            .man_ico,
            .tel_ico,
            .copy_ico,
            .map_ico {
                width: .47rem; // 35px
                height: .47rem; // 35px
                background: url("../../img/img.png")no-repeat;
                display: inline-block;
                position: relative;
                top: .07rem; // 5px
                background-position: -1.81rem 0; // 136px
                background-size: 5.88rem 2.07rem; // 155px; // 441px
                margin-right: .13rem; // 10px
            }
            .time_ico{
                float: left;
                top: 0;
            }
            .man_ico {
                background-position: -.03rem 0; // 2px
            }
            .tel_ico {
                background-position: -1rem 0; // 75px
            }
            .copy_ico {
                background-position: -2.72rem 0; // 204px
                float: left;
            }
            .map_ico {
                background-position: -1.77rem -1.41rem; // 106px; // 133px
            }
            .long-desc {
                float: left;
                width: 8.53rem;
                    word-break: break-all;
                span {
                    margin-left: .53rem; // 40px
                    word-break: break-all;
                }
            }
        }
    }
    .differ_p_color {
        p {
            color: $gray;
        }
    }
}

.join_box {
    font-size: .48rem; // 36px
    height: 1.04rem; // 78px
    line-height: 1.04rem; // 78px
    background-color: $whit;
    .moneyT {
        display: inline-block;
        color: $num;
        margin-left: .47rem; // 35px
        float: left;
        width: 6.2rem;
        border-top: 1px solid #e0e0e0;
        .time {
            color: #e56262;
            font-style: normal;
        }
    }
    .moneyT2 {
        color: $gray;
        .differ_txt {
            color: $gray;
        }
    }
    .joinBtn {
        width: 3.33rem; // 250px
        height: 1.04rem; // 78px
        background-color: #30afdf;
        display: inline-block;
        text-align: center;
        float: right;
        color: $whit;
        font-size: .48rem; // 36px
    }
    .differ_bg3 {
        background-color: #70a2fe;
    }
    .differ_bg2 {
        background-color: #f7c242;
    }
    .differ_bg1 {
        background-color: #d7d7d7;
    }
    .differ_bg11 {
        background-color: #b7becc;
    }
    .bg_gre {
        background-color: #27d692;
    }
    .red_color {
        color: #ff6565;
    }
}

.join_box .j_hidden {
    display: none;
}

.foot_border {
    border-bottom: 1px solid $boC;
}

.dates {
    text-align: right;
    height: .67rem; // 50px
    line-height: .67rem;
    color: #999;
    font-size: .35rem; // 26px
    padding-right: .47rem; // 35px
}

.tabs_wrap {
    position: fixed;
    bottom: 0;
    right: 50%;
    margin-right: -5rem;
    width: 10rem; // 750px
    z-index: 33;
    li {
        height: 1.33rem; // 100px
        line-height: 1.33rem;
        width: 50%;
        background-color: $whit;
        color: #333;
        float: left;
        text-align: center;
        .btn1,
        .btn3,
        .btn2 {
            color: $num;
            font-size: .51rem; // 38px
        }
    }
    .active {
        background-color: #39b4e1;
        .btn1,
        .btn3,
        .btn2 {
            color: $whit;
        }
    }
}

.window_rgb {
    width: 10rem; // 750px
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    display: none;
    z-index: 999;
    .window_box {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -4.4rem;
        margin-top: -3.1rem;
        width: 8.8rem; // 660px
        height: 6.2rem; // 465px
        background-color: #fff;
        font-size: .53rem; // 40px
        border-radius: 15px;
        text-align: center;
        .right_ico {
            width: 1.4rem; // 105px
            height: 1.37rem; // 103px
            display: block;
            background: url("../../img/img.png")no-repeat;
            background-position: 0 -.69rem; // 52px
            background-size: 5.88rem 2.07rem; // 155px; // 441px
            margin: 1.33rem auto .8rem auto; // 60px; // 100px
        }
        .sure_or_no {
            margin-top: 2rem; // 150px
            margin-bottom: 1.87rem; // 140px
            display: block;
        }
        .confirm {
            width: 8.2rem; // 615px
            margin: 0 auto;
            a {
                width: 50%;
                height: 1.67rem; // 125px
                border-top: 1px solid #bababa;
                display: inline-block;
                float: left;
                line-height: 1.67rem;
            }
            .sure {
                border-right: 1px solid #bababa;
            }
        }
    }
}

.close {
    width: .48rem; // 36px
    height: .48rem; // 36px
    background: url("../../img/img.png")no-repeat;
    background-position: -3.33rem -1.37rem; // 103px
    background-size: 5.88rem 2.07rem; // 155px; // 441px
    display: block;
    position: absolute;
    right: .47rem; // 35px
    top: .27rem; // 20px
}

.total_salary {
    font-size: .47rem; // 35px
    color: #333;
    display: block;
    margin: 2.33rem auto 1.73rem auto; // 130px; // 175px
}

.salaryBtn {
    width: 6.47rem; // 485px
    height: 1.07rem; // 80px
    line-height: 1.07rem;
    background-color: #39b4e1;
    color: #fff;
    display: block;
    font-size: .43rem; // 32px
    margin: 0 auto;
    border-radius: 8px;
}

//plateform-manager-html
.j_container_wrap {
    margin-bottom: .27rem; // 20px
}

.change_tabs_wrap {
    overflow: hidden;
    li {
        width: 33.3%;
        line-height: normal;
        a {
            height: 1.13rem; // 85px
            line-height: 1.13rem;
            display: inline-block;
            width: 3.33rem; // 250px
            margin-top: .09rem; // 7px
            .new_ico {
                width: 0.29rem;
                height: 0.29rem;
                background: url("../../img/dian.png")no-repeat;
                background-size: contain; // 155px; // 441px
                display: inline-block;
                vertical-align: top;
                margin-top: .13rem; // 10px
                &.hide {
                    display: none;
                }
            }
        }
        .cur {
            border-right: 1px solid #d7d7d7;
        }
    }
}

.change_join_box {
    height: .48rem; // 36px;
    line-height: .48rem;
    margin-top: .07rem; // 5px
    .change_position {
        margin-left: 0;
        display: inline;
            float: none;
    border: none;

    }
}

.zping {
    color: #20ae70 !important;
}

.ending {
    color: #ff1515 !important;
}

.working {
    color: #ffa133 !important;
}

.paying {
    color: #1a8fd9 !important;
}

.zending {
    color: #333 !important;
}

.time_box {
    font-size: .48rem; // 36px
    height: 1.13rem; // 85px
    line-height: 1.13rem;
    background-color: #fff;
    .each_time {
        margin-left: .45rem; // 34px
        color: #333;
            float: left;
    border-top: 1px solid #e0e0e0;
    width: 4.26rem;
    }
    .btns {
        display: inline-block;
        width: 2.64rem; // 198px
        height: 1.13rem; // 85px
        background-color: #7fcfec;
        color: #fff;
        line-height: 1.13rem;
        text-align: center;
        float: right;
    }
    .change_bg_col {
        background-color: #ffb68d;
    }
}

.tabs {
    margin: .13rem auto 0 auto; // 10px
    padding-top: .33rem; // 25px
    background-color: #fff;
}

.tabs_wrapper {
    width: 10rem; // 750px
    margin: 0 auto;
}

.tab_list {
    height: 2rem; // 150px
    border-bottom: .04rem solid #43c5f5; // 3px ; 
    li {
        width: 33%;
        display: block;
        float: left;
        text-align: center;
        position: relative;
        .ago {
            height: 1rem; // 75px
            display: block;
            font-size: .48rem; // 36px
            color: #333;
            text-align: center;
            .num {
                display: block;
                font-size: .37rem; // 28px
                color: #999;
                margin-top: .33rem; // 25px
                .change_num {
                    color: #333;
                }
            }
        }
        .active_blue {
            color: #43c5f5;
        }
        .bor_line {
            border-left: 1px solid #949494;
            border-right: 1px solid #949494;
        }
    }
}

.triangle {
    width: .33rem; // 25px
    height: .21rem; // 16px
    background: url("../../img/lm.png")no-repeat;
    // background-position: -3.09rem -.79rem; // 59px; // 232px
    // background-size: 5.88rem 2.07rem; // 155px; // 441px
    position: absolute;
    bottom: -1rem; // 75px
    left: 50%;
    margin-left: -.16rem;
}

.j_lists {
    background-color: #fff;
}

.texts_box {
    width: 9.67rem; // 725px
    margin: 0 auto;
    li {
        border-bottom: 2px solid #eaeaea;
        padding-top: .33rem; // 25px
        padding-bottom: .33rem; // 25px
    }
    li:last-child {
        border-bottom: none;
    }
    .p1 {
        color: #666;
        font-size: .43rem; // 32px
        .nam {
            width: 2rem; // 150px
            display: inline-block;
        }
        .sex {
            width: 2.5rem; // 200px
            display: inline-block;
        }
        .tel {
            width: 4.7rem; // 340px
            display: inline-block;
            float: right;
        }
    }
    .p2 {
        color: #9a9a9a;
        font-size: .32rem; // 24px
        margin-top: .33rem; // 25px
        .date_box {
            display: inline-block;
            width: 2.6rem; // 195px
            float: right;
            .times {
                padding-right: .07rem; // 5px
                float: right;
            }
            .years {
                float: left;
            }
        }
    }
}

.no_man_sign {
    font-size: .48rem; // 36px
    color: #333;
    width: 2.47rem; // 185px
    margin: 0 auto;
    padding: 1.8rem 0; // 135px
}

.differ_pages {
    display: none;
}

.tit_box {
    .alter_green {
        color: #20ae70;
    }
    .alter_yel {
        color: #ffa133;
    }
    .alter_red {
        color: #ff1515;
    }
}

.footer {
    li {
        width: 50%;
        float: left;
        display: block;
        line-height: 1.27rem;
        font-size: .48rem; // 36px
        border-top: 3px solid #eaeaea;
        .sure_signed {
            height: 1.27rem; // 95px
            background-color: #27d692;
            display: none;
            color: #fff;
            text-align: center;
        }
        .alter_signed {
            background-color: #70a2fe;
        }
        .btn_salary {
            background-color: #39b4e1;
        }
        .checkBox_ico,
        .active_check {
            display: inline-block;
            width: .37rem; // 24px
            height: .37rem; // 28px
            background: url("../../img/img.png")no-repeat;
            background-position: -2.64rem -1.41rem; // 106px
            background-size: 5.88rem 2.07rem; // 155px; // 441px
            margin-left: .47rem; // 35px
            position: relative;
            .active_check {
                width: .35rem; // 26px
                height: .32rem; // 24px
                background-position: -3.77rem -.73rem; // 55px
                position: absolute;
                top: 0;
                left: -.44rem; // 33px
                display: none;
            }
        }
        .all_select {
            margin-left: .33rem; // 25px
        }
    }
}

.header {
    width: 9.67rem; // 725px
    margin: 0 auto;
    border-bottom: 2px solid #eaeaea;
    li {
        width: 50%;
        float: left;
        display: block;
        text-align: center;
        padding: .33rem 0;
    }
    .icos {
        display: inline-block;
        width: .59rem; // 44px
        height: .59rem; // 44px
        background: url("../../img/img.png")no-repeat;
        background-position: -4.39rem -.03rem; // 2px; // 329px
        background-size: 5.88rem 2.07rem; // 155px; // 441px
    }
    .bag_ico {
        background-position: -5.27rem -.03rem; // 2px; // 395px
        width: .67rem; // 50px
    }
    .money_bag {
        background-position: -3.49rem -.01rem; // 1px; // 262px
    }
}

.mid_content {
    width: 9.67rem; // 725px
    margin: 0 auto;
    li {
        padding: .13rem 0; // 10px 0;
        border-bottom: 2px solid #eaeaea;
    }
    li:last-child {
        border-bottom: none;
    }
}

.left_box {
    float: left;
}

.right_box {
    width: 8.87rem; // 665px
    float: right;
    margin-right: .27rem; // 20px
}

.no_checkB {
    float: left;
    width: 9.29rem; // 685px
}

.list_checkBox_ico,
.checkR {
    display: inline-block;
    width: .37rem; // 28px
    height: .37rem; // 28px
    background: url("../../img/img.png")no-repeat;
    background-position: -2.64rem -1.41rem; // 106px
    background-size: 5.88rem 2.07rem; // 155px; // 441px
    position: relative;
    margin-top: .13rem; // 10px
    .checkR {
        width: .35rem; // 26px
        height: .32rem; // 24px
        background-position: -3.77rem -.73rem; // 55px
        display: none;
        position: absolute;
        top: -.15rem; // 11px
        left: .04rem; // 3px
    }
}

.name_tel {
    color: #666;
    padding-top: 0.27rem;
    font-size: .43rem; // 32px
    .tele {
        color: #999;
        font-style: normal;
        width: 2.33rem; // 175px
        padding-right: .07rem;
    }
    .name {
        display: inline-block;
        width: 4rem;
        overflow: hidden;
        vertical-align: middle;
        word-wrap: break-word;
    }
}

.work_year {
    color: #666;
    .work_time {
        font-style: normal;
        width: 1.07rem; // 80px
        padding-left: .13rem; // 10px     
    }
    .years {
        width: 2.27rem; // 170px    
        font-style: normal;
    }
    .salarys {
        font-style: normal;
        margin-left: .5rem;
    }
    .alter_year {
        margin-left: 1.93rem; // 145px
    }
}

.flo_right {
    float: right;
}

.marg_left {
    margin-left: 2.07rem; // 155px
}

.alter_header {
    li {
        width: 40%;
        text-align: center;
    }
    li:last-child {
        width: 20%;
    }
}

.alter_wid {
    float: left;
    width: 9.29rem; // 697px
}

.no-data-tip {
    font-size: 0.51rem;
    color: #666;
    width: 100%;
    height: 10rem;
    line-height: 4rem;
    text-align: center;
}

.amend {
    display: inline-block;
    width: 6.2rem;
    margin-left: .47rem;
    border-top: 1px solid #fe0e0e;
}
